<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Job Details - JobGrids Job Portal HTML Template.</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg" />
    <!-- Place favicon.ico in the root directory -->

    <!-- Web Font -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">

    <!-- ========================= CSS here ========================= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/tiny-slider.css" />
    <link rel="stylesheet" href="assets/css/glightbox.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />
  <!--设置元素隐藏，点击radio注册元素显现-->
  <style>
    .hidden{
        display:none;
    }
  </style>
</head>

<body>
    <!--[if lte IE 9]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="https://browsehappy.com/">upgrade your browser</a> to improve
        your experience and security.
      </p>
    <![endif]-->

    <div id="loading-area"></div>

    <!-- Start Header Area -->
    <header class="header other-page">
      <div class="navbar-area">
        <div class="container">

          <div class="row align-items-center">

            <div class="col-lg-12">
              <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand logo" href="index.html">
                  <img class="logo1" src="assets/images/logo/logo.svg" alt="Logo" />
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                  <span class="toggler-icon"></span>
                  <span class="toggler-icon"></span>
                  <span class="toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                  <ul id="nav" class="navbar-nav ml-auto">
                    <li class="nav-item">
                      <a href="index.html">主页</a>

                    </li>



                    <li class="nav-item">
                      <a  href="browse-jobs.html">职位搜索</a>
                    </li>



                    <li class="nav-item hidden" id="hrmanagejobbarliid"><a href="#">职位管理 </a>
                      <ul class="sub-menu">
                        <li><a href="post-job.html">发布职位</a></li>
                        <li><a href="manage-jobs.html">职位查看与编辑</a></li>
                        <li><a  href="have-manage-resumes.html">已处理申请</a></li>
                        <li><a  href="manage-resumes.html">待处理申请</a></li>

                      </ul>
                    </li>

                    <!-- <li class="nav-item"><a href="#">招聘 </a>
                      <ul class="sub-menu">
                        <li><a href="post-job.html">发布职位</a></li>
                        <li><a href="manage-jobs.html">管理岗位信息</a></li>
                        <li><a href="manage-applications.html">？管理岗位申请</a></li>
                        <li><a href="manage-resumes.html">管理求职申请</a></li>
                        <li><a href="browse-resumes.html">浏览简历</a></li>

                      </ul>
                    </li> -->



                    <li class="nav-item">
                      <a   href="blog-grid-sidebar.html">论坛</a></li>
                    <!-- <li><a href="blog-single.html">论坛详情</a></li> -->
                    <!-- <li><a href="blog-single-sidebar.html">Blog Single Sibebar</a></li> -->
                    </li>

                    <li class="nav-item"><a href="contact.html">联系我们 </a> </li>


                    <li class="nav-item"><a href="#">其他</a>
                      <ul class="sub-menu">
                        <!-- <li><a href="index.html" onclick="logout()">Log Out</a></li> -->
                        <li><a onclick="checkloginuser()">Personal Info</a></li>
                        <li><a href="about-us.html" onclick="addtoken()">about-us</a></li>
                        <li><a href="job-list.html">职位列表</a></li>
                        <li><a href="job-details.html">职位详情</a></li>
                        <li><a href="resume.html">个人信息展示</a></li>
                        <li><a href="privacy-policy.html">用户手册</a></li>
                        <li><a href="faq.html">问题</a></li>
                        <!-- <li><a href="pricing.html">Our Pricing</a></li> -->
                        <li><a href="404.html">404错误</a></li>
                        <li><a href="mail-success.html">成功发出消息</a></li>
                        <li><a href="index-seeker.html">s</a></li>
                        <li><a href="index-hr.html">h</a></li>
                      </ul>
                    </li>



                    <li class="nav-item" id="nouserinforcenterbarid"><a href="#">个人中心</a>

                    </li>
                    <li class="nav-item hidden" id="seekerinforcenterbarliid"><a href="#">个人中心</a>
                      <ul class="sub-menu">
                        <li><a href="resume.html">简历查看</a></li>
                        <li><a href="showseekerinfo.html">个人信息编辑</a></li>
                        <li><a href="add-resume.html">简历编辑</a></li>
                        <li><a href="manage-applications.html">申请进度</a></li>
                        <li><a href="job-alerts.html">消息提醒</a></li>
                        <li><a href="manage-blog.html">管理博客</a></li>
                      </ul>
                    </li>
                    <li class="nav-item hidden " id="hrinforcenterbarliid"><a href="#">个人中心</a>
                      <ul class="sub-menu">
                        <li><a href="showhrinfo.html">信息编辑</a></li>

                        <li><a href="job-alerts.html">消息提醒</a></li>
                        <li><a href="manage-blog.html">管理博客</a></li>
                      </ul>
                    </li>
                    <li class="nav-item login hidden" id="shownamebarliid">

                      <a href="showhrinfo.html" id="shownameid" >
                      </a>
                      <ul class="sub-menu">
                        <li><a href="index.html" onclick="logout()">退出登录</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
                <!-- navbar collapse -->
                <div class="button" id="loginsignupbarid">
                  <a href="javacript:" data-toggle="modal" data-target="#login" class="login"><i
                    class="lni lni-lock-alt"></i>登录</a>
                  <a href="javacript:" data-toggle="modal" data-target="#signup" class="btn">注册</a>

                </div>
              </nav>
              <!-- navbar -->
            </div>
          </div>
          <!-- row -->
        </div>
        <!-- container -->
      </div>
      <!-- navbar area -->
    </header>
    <!-- End Header Area -->


    <!-- Start Job Details -->
    <div class="job-details section">
        <div class="container">
            <div class="row mb-n5">
                <!-- Job List Details Start -->
                <div class="col-lg-8 col-12">
                    <div class="job-details-inner">
                        <div class="job-details-head row mx-0">
                            <div class="company-logo col-auto">
                                <a href="#" style="border-radius: 4px; overflow: hidden;"><img src="assets/images/universal-image/job-details.png"
                                        alt="Company Logo"></a>
                            </div>
                            <div class="salary-type col-auto order-sm-3">
                                <span class="salary-range job-Salrange"></span>
                                <span class="badge badge-success"></span>
                            </div>
                            <div class="content col">
                                <h5 class="title job-name"></h5>
                                <ul class="meta">
                                    <!-- <li><strong class="text-primary"><a href="#">地图</a></strong>
                                    </li> -->
                                  <li><i class="lni lni-map-marker"></i> <span class="job-Workaddr"></span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="job-details-body">
                            <h6 class="mb-3">职位描述</h6>
                           <div class="job-desc"></div>
                        </div>
                    </div>
                </div>
                <!-- Job List Details End -->
                <!-- Job Sidebar Wrap Start -->
                <div class="col-lg-4 col-12">
                    <div class="job-details-sidebar">
                        <!-- Sidebar (Apply Buttons) Start -->
                        <div class="sidebar-widget">
                            <div class="inner">
                                <div class="row m-n2 button">
                                  <div class="col-xl-auto col-lg-12 col-sm-auto col-12 p-2">
                                    <a href="job-details.html" class="d-block btn btn-alt">现在申请</a>
                                  </div>
                                    <div class="col-xl-auto col-lg-12 col-sm-auto col-12 p-2">
                                        <a href="bookmarked.html" class="d-block btn btn-com"><i class="fa fa-heart-o mr-1"></i> 投诉职位 </a>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!-- Sidebar (Apply Buttons) End -->
                        <!-- Sidebar (Job Overview) Start -->
                        <div class="sidebar-widget">
                            <div class="inner">
                                <h6 class="title">职位概述</h6>
                                <ul class="job-overview list-unstyled">
                                  <li><strong>发布日期:</strong><span class="job-jobInfoupdatetime"></span></li>
                                    <li><strong>职位空缺:</strong> 是</li>
                                    <li><strong>雇用状态:</strong> <span class="job-jobPoststat"></span></li>
                                    <li><strong>工作经验:</strong> <span class="job-Workexp"></span></li>
                                  <li><strong>工作地点:</strong> <span class="job-Workaddr"></span></li>
                                    <li><strong>薪资范围:</strong> <span class="job-Salrange"></span></li>
                                  <li><strong>学历要求:</strong><span class="job-jobEdureq"></span></li>
                                </ul>
                            </div>
                        </div>
                        <!-- Sidebar (Job Overview) End -->

                        <!-- Sidebar (Job Location) Start -->
                        <!-- <div class="sidebar-widget">
                            <div class="inner">
                                <h6 class="title">Job Location</h6>
                                <div class="mapouter"><div class="gmap_canvas"><iframe width="100%" height="300" id="gmap_canvas" src="https://www.amap.com/" sandbox="" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="#">123movies old site</a><style>.mapouter{position:relative;text-align:right;height:300px;width:100%;}.gmap_canvas {overflow:hidden;background:none!important;height:300px;width:100%;}</style><a href="#">embed google map</a></div></div>
                            </div>
                        </div> -->
                        <!-- Sidebar (Job Location) End -->
                    </div>
                </div>
                <!-- Job Sidebar Wrap End -->

            </div>
        </div>
    </div>
    <!-- End Job Details -->

    <!-- Login Modal -->
    <div class="modal fade form-modal" id="login" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog max-width-px-840 position-relative">
        <button type="button"
                class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
                data-dismiss="modal"><i class="lni lni-close"></i></button>
        <div class="login-modal-main">
          <div class="row no-gutters">
            <div class="col-12">
              <div class="row">
                <div class="heading">
                  <h3>登录</h3>
                  <!-- <p>Log in to continue your account <br> and explore new jobs.</p> -->
                  <p> 登录以继续您的账户并探索新的工作。</p>

                </div>
                <!-- <div class="social-login">
                  <ul>
                    <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Log in
                      with LinkedIn</a></li>
                    <li><a class="google" href="#"><i class="lni lni-google"></i> Log in with
                      Google</a></li>
                    <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Log in
                      with Facebook</a></li>
                  </ul>
                </div> -->
                <!-- <div class="or-devider">
                  <span>Or</span>
                </div> -->


                <form  id="loginform" onsubmit="return false">
                  <div class="form-group">
                    <!--邮箱-->
                    <!--<label for="email" class="label">E-mail</label>
                    <input type="email" class="form-control" placeholder="example@gmail.com" id="email">-->
                    <br>
                    <label for="phone" class="label">电话号码</label>
                    <div class="position-relative">
                      <input type="tel" class="form-control" id="phone"
                             name="loginphone"  placeholder="请输入电话号码" required>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="password" class="label">密码</label>
                    <div class="position-relative">
                      <input type="password" class="form-control" id="password"
                             name="loginpwd"   placeholder="请输入密码" required>
                    </div>
                  </div>

                  <div>

                    <!-- <input type="radio" name="loginrule" value="adminlogin" id="adminlogincheckbox" onclick="getloginroleradioval(this.value)" required/>
                     <label for="adminlogincheckbox" >我是管理员</label>-->

                    <input required type="radio" name="loginrule"  value="employeelogin" id="employeelogincheckbox" onclick="getloginroleradioval(this.value)"/>
                    <label for="employeelogincheckbox" >我是求职者</label>

                    <input  required type="radio" name="loginrule" value="hrlogin" id="hrlogincheckbox" onclick="getloginroleradioval(this.value)"/>
                    <label for="hrlogincheckbox" >我是招聘方</label>

                    <br>
                  </div>
                  <div class="form-group d-flex flex-wrap justify-content-between">
                    <!-- Default checkbox -->
                    <div class="form-check">
                      <input class="form-check-input" type="checkbox" value=""
                             id="flexCheckDefault" />
                      <label class="form-check-label" for="flexCheckDefault">记住密码</label>
                    </div>
                    <a href="" class="font-size-3 text-dodger line-height-reset">忘记密码</a>
                  </div>
                  <div class="form-group mb-8 button">
                    <button class="btn " onclick="login()">登录
                    </button>
                  </div>
                  <p class="text-center create-new-account">  没有账号? <a href="#">立刻创建账号 </a></p>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Login Modal -->

    <!-- Signup Modal -->
    <div class="modal fade form-modal" id="signup" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog max-width-px-840 position-relative">
        <button type="button"
                class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
                data-dismiss="modal"><i class="lni lni-close"></i></button>
        <div class="login-modal-main">
          <div class="row no-gutters">
            <div class="col-12">
              <div class="row">
                <div class="heading">
                  <h3>创建账户 </h3>
                  <!-- <p>Create your account to continue <br> and explore new jobs.</p> -->
                  <p>创建您的账户以继续并探索新的工作。</p>
                </div>
                <!-- <div class="social-login">
                  <ul>
                    <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Import from LinkedIn</a></li>
                    <li><a class="google" href="#"><i class="lni lni-google"></i> Import from
                      Google</a></li>
                    <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Import from Facebook</a></li>
                  </ul>
                </div>
                <div class="or-devider">
                  <span>Or</span>
                </div> -->
                <!--后端的Controller进行处理-->
                <form  id="signupform" onsubmit="return false">
                  <div class="form-group">
                    <br>
                    <label for="phone" class="label">电话号码</label>
                    <input type="tel" class="form-control" name="phone" placeholder="输入电话号码" required>
                  </div>
                  <div class="form-group">
                    <label for="inputpwd" class="label">密码</label>
                    <div class="position-relative">
                      <input name="pwd" type="password" class="form-control" id="inputpwd" placeholder="输入密码" onkeyup="checkpwd()" required>
                    </div>
                  </div>
                  <div class= "form-group" >
                    <label for="confirmpwd" class="label">确认密码</label>
                    <div class="position-relative">
                      <input name="repwd" type="password" class="form-control" id="confirmpwd" placeholder="确认密码" onkeyup="checkpwd()">
                      <span id="tishi"></span></input>
                    </div>
                  </div>
                  <div class= "form-group" >
                    <label for="signupname" class="label">您的姓名</label>
                    <div class="position-relative">
                      <input required name="signupname" type="text" class="form-control" id="signupname" placeholder="输入姓名">
                      </input>
                    </div>
                  </div>
                  <div class="form-group" id="signuprolegroup">
                    <label for="signuprolegroup" class="label">请选择注册身份</label>
                    <!--选择身份进行注册-->
                    <!--<input type="radio" name="signrule" value="adminsignup" id="adminsigncheckbox" onclick="getsignuproleradioval(this.value)"required/>
                    <label for="adminsigncheckbox" >管理员注册</label>-->

                    <input  type="radio" name="signrule"  value="employeesignup" id="employeesigncheckbox" onclick="getsignuproleradioval(this.value)"/>
                    <label for="employeesigncheckbox" >求职者注册</label>

                    <input   type="radio" name="signrule" value="hrsignup" id="hrsigncheckbox"onclick="getsignuproleradioval(this.value)"/>
                    <label for="hrsigncheckbox" >招聘方注册</label>
                  </div>

                  <!--隐藏元素，按需显现-->
                  <!--hr注册必填元素:公司和公司职位-->
                  <div class= "form-group hidden" id="hrsignupposclass">
                    <label for="hrsignuppos" class="label">您的职位</label>
                    <div class="position-relative">
                      <input name="hrpos" type="text" class="form-control" id="hrsignuppos" placeholder="输入职位">
                      </input>
                    </div>
                  </div>
                  <div class="form-group hidden" id="hrsignupcompanyclass">
                    <label for="hrsignupcompany" class="label">选择所在公司</label>
                    <select name="hrcompany" class="form-control" id="hrsignupcompany"></select>
                    <a href="company.html" id="hrcompanysignup">找不到所属公司请点击此处进行公司注册</a>
                  </div>
                  <!--hr必填元素结束-->
                  <!--求职者注册必填元素email,Gender,-->
                  <div class= "form-group hidden" id="seekersignemailclass">
                    <label for="seekersignemail" class="label">您的邮箱</label>
                    <div class="position-relative">
                      <input name="seekeremail" type="email" class="form-control" id="seekersignemail" placeholder="输入邮箱">
                      </input>
                    </div>
                  </div>
                  <div class= "form-group hidden" id="seekersigngenderclass">
                    <label for="seekersigngender" class="label">性别</label>
                    <div class="position-relative">
                      <select name="seekergender" class="form-control" id="seekersigngender">
                        <option value="女">女</option>
                        <option value="男">男</option>
                        <option value="未知">未知</option>
                      </select>
                    </div>
                  </div>
                  <div class= "form-group hidden" id="seekerdateclass">
                    <label for="seekersigndate" class="label">出生日期</label>
                    <div class="position-relative">
                      <input name="seekerdate" type="date" class="form-control" id="seekersigndate" placeholder="输入出生日期">
                      </input>
                    </div>
                  </div>
                  <div class= "form-group hidden" id="seekeriseduclass">
                    <label for="seekerisedu" class="label">是否为应届生</label>
                    <div class="position-relative">
                      <select name="seekerisedu" class="form-control" id="seekerisedu">
                        <option value="是">是</option>
                        <option value="否">否</option>
                      </select>

                    </div>
                  </div>
                  <!--求职者注册必填元素结束-->
                  <div class="form-group d-flex flex-wrap justify-content-between">
                    <!-- Default checkbox -->
                    <div class="form-check">
                      <input class="form-check-input" type="checkbox" value="" checked required>
                      <label class="form-check-label" for="flexCheckDefault">同意 <a
                        href="#">用户使用协议</a></label>
                    </div>
                  </div>

                  <div class="form-group mb-8 button">
                    <button class="btn " id="signupbtn" onclick="signup()" >注册
                    </button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- EndSignup Modal -->

                        <!-- Start Footer Area -->
<footer class="footer">
        <div class="footer-bottom">
            <div class="container">
                <div class="inner">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="left">
                                <p><a target="_blank" >软件工程大作业</a></p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="right">
                                <ul>
                                    <li><a href="privacy-policy.html">用户手册</a></li>
                                    <li><a href="#">项目文档</a></li>
                                    <li><a href="https://gitee.com/Yuan-Wi/software-engineering-team/tree/master/">gitee</a></li>
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer Middle -->
    </footer>
    <!--/ End Footer Area -->

    <!-- ========================= scroll-top ========================= -->
    <a href="#" class="scroll-top btn-hover">
        <i class="lni lni-chevron-up"></i>
    </a>

    <!-- ========================= JS here ========================= -->
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/tiny-slider.js"></script>
    <script src="assets/js/glightbox.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="https://unpkg.zhimg.com/jquery@3.4.1/dist/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script>
      $(document).ready(function() {
        //获取url中的jobId参数值，查询接口/system/job/{jobId} 获取数据并渲染到页面
        var jobId = getParam('jobId', 0);
        $.ajax({
          url: 'http://localhost:8080/system/job/jobInfo/' + jobId,
          type: 'GET',
          success: function (res) {
            console.log(res);
            var job = res.data;
            renderJobDetails(job);
          },
          error: function(xhr, status, error) {
            console.error("获取数据失败:", error);
            // 处理错误情况，例如提示用户或执行其他操作
          }
        });

        function renderJobDetails(job) {
          $('.job-name').text(job.jobName);
          $('.job-Kind').text(job.jobKind);
          $('.job-Workaddr').text(job.jobWorkaddr);
          $('.job-Salrange').text(job.jobSalrange);
          $('.badge-success').text(job.jobPoststat);

          $('.job-desc').text(job.jobDesc);
          $('.job-Workexp').text(job.jobWorkexp);
          $('.job-jobEdureq').text(job.jobEdureq);
          $('.job-jobInfoupdatetime').text(job.jobInfoupdatetime);
          $('.job-jobPoststat').text(job.jobPoststat);
        }

        function getParam(name, defaultValue) {
          var query = window.location.search.substring(1);
          var vars = query.split("&");
          for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split("=");
            if (pair[0] == name) {
              return pair[1] + (pair[2] ? '=' + pair[2] : '');
            }
          }
          return (defaultValue == undefined ? null : defaultValue);
        }
      });
    </script>




    <script>
      //================注册登录相关
            //像后端传本地浏览器保存的token（当前登录用户）点击首页跳转的页面
      function checkloginuser(){
          //window.location.reload();

        $.ajax({
        url: "http://localhost:8080/mycheckloginuser",
        type: "GET",
        data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
        success: function(result){
         // alert(result.code);
          if(result.code==200){
            if(result.msg=="hrlogin"){

            location.href="http://localhost/static/html/showhrinfo.html";
            }
            else if(result.msg=="employeelogin"){window.location.href="http://localhost/static/html/showseekerinfo.html";}
          }
          else {
            alert(result.code+result.msg);
            }
        },
        error: function(){
        alert("请刷新重试");
        },
      });

      };
    //其他业务请求从本地浏览器中存的token获取加入请求头

    function logout(){
     window.localStorage.removeItem('user');
     location.href="http://localhost/static/html/index.html";
    };
    var loginuserinfo;//当前登录用户的角色和id
    /*解析token*/
    function sparsetoken(){
    var token;
      $(function(){
      token = window.localStorage.getItem("user");//这可以得到当前登录用户的token
      alert("user="+token);
      alert(window.location.href);
      //data.data.normal_login_token为发送Ajax获取到的token信息
    var strings = token.split(".");//通过split()方法将token转为字符串数组
    //取strings[1]数组中的第二个字符进行解析
    var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
    loginuserinfo = userinfo;//赋给全局变量
    //然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
    alert(userinfo.roleid+userinfo.loginrole+'userinfo');

      });
    /*  $.ajax({
        url: "http://localhost:8080/myabout",
        type: "GET",
        xhrFields: {
                        withCredentials: true
                    },
        success: function(result){
          alert("成功");
        },
        error: function(){
        alert("失败");
        },
      });*/
    };


     //===========最初需要完成名字的显示和相关用户导航栏的隐藏
  $(document).ready(function(){
         /*   alert("新方法");*/
						$.ajax({
    url: "http://localhost:8080/mylogingetusername",
    type: "GET",
    data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
    success: function(result){
     // alert(result.code);
      if(result.code==200){
      alert(result.msg);
      //非登录用户的个人中心bar隐藏，用户名字显示
      document.getElementById("loginsignupbarid").classList.add("hidden");
      document.getElementById("loginsignupbarid").classList.remove("button");
      document.getElementById("nouserinforcenterbarid").classList.add("hidden");
      document.getElementById("shownamebarliid").classList.remove("hidden");

      if(result.data=="seekerlogin"){
      //当前登录用户是seeker
      //hr的bar隐藏，seeker的bar显示
      document.getElementById("hrmanagejobbarliid").classList.add("hidden");
      document.getElementById("hrinforcenterbarliid").classList.add("hidden");

      document.getElementById("seekerinforcenterbarliid").classList.remove("hidden");
      }
      else if(result.data=="hrlogin"){
      //当前登录用户是hr
      //seeker的bar隐藏，hr的bar显示
      document.getElementById("seekerinforcenterbarliid").classList.add("hidden");

      document.getElementById("hrmanagejobbarliid").classList.remove("hidden");
      document.getElementById("hrinforcenterbarliid").classList.remove("hidden");

      }

      document.getElementById('shownameid').textContent = "欢迎"+result.msg+"登录";

      }
      else if(result.code==1){
      //没有用户登录，隐藏用户bar
      document.getElementById("loginsignupbarid").classList.add("button");
      document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
      document.getElementById("loginsignupbarid").classList.remove("hidden");

      document.getElementById("shownamebarliid").classList.add("hidden");
      document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
      document.getElementById("hrmanagejobbarliid").classList.add("hidden");
      document.getElementById("hrinforcenterbarliid").classList.add("hidden");

      }
      else {
      document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
      document.getElementById("loginsignupbarid").classList.remove("hidden");
      document.getElementById("loginsignupbarid").classList.add("button");
      document.getElementById("shownamebarliid").classList.add("hidden");
      document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
      document.getElementById("hrmanagejobbarliid").classList.add("hidden");
      document.getElementById("hrinforcenterbarliid").classList.add("hidden");
        alert(result.code+result.msg);
        }
    },
    error: function(){
    alert("请刷新重试");
    },
  });
				});
        var loginrule;
        function getloginroleradioval(value){
         loginrole=value;
        }
      //===========登录角色表单数据传到后台
      function login(){
      //判断当前是否登录
      //if(window.localStorage.getItem("user")){
      //alert("当前此设备已经有登录，如果要重新登录请先退出");
      //}
      //alert("login"+$('#loginform').serialize());
      $.ajax({
        type: "POST",
        dataType: "json",
        url: "http://localhost:8080/mylogin",
        data: $('#loginform').serialize(),
        crossDomain: true, // 发送Ajax时，Request header 中会包含跨域的额外信息，但不会含cookie（作用不明，不会影响请求头的携带）
        xhrFields: {
              withCredentials: true /*发送Ajax时，Request header中会带上 Cookie 信息。*/
                     },
        success: function(result){
          if(result.code==200){
            alert("登录成功");
            let exp = new Date();
            exp.setTime(exp.getTime() + 60 * 60 * 1000); //设置过期时间，1小时过期
            window.localStorage.setItem("user",result.msg,exp.toGMTString());
            document.cookie="usertoken="+result.msg+"; domain=http://localhost; path=http://localhost/frontindex";
            var strings = result.msg.split(".");//通过split()方法将token转为字符串数组
            //取strings[1]数组中的第二个字符进行解析
            var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
            //然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
            alert("欢迎登录"+userinfo.roleid+userinfo.loginrole);
            //alert("登陆成功后的"+result.msg+"=="+document.cookie);
            $("#login").modal('hide');
            /*清空表单*/
            $('#loginform')[0].reset();
            location.href="http://localhost/static/html/index.html";
          }
          else{
            alert(result.code+result.msg);
          }
        },
        error: function(){
          alert("登录失败");
        },
      });
      };
      var signrole;//注册角色
      //===========表单数据传到后台
      function signup(){
      /*alert("signrole"+signrole);*/
        $.ajax({
          type: "POST",
          dataType: "json",
          url: "http://localhost:8080/"+signrole,
          data: $('#signupform').serialize(),
          success: function(result){
             /* alert(result.code);*/
              if(result.code==200){
               alert("注册成功");
               /*退出模态框*/
               $("#signup").modal('hide');
               /*清空表单*/
               $('#signupform')[0].reset();
                document.getElementById("hrsignupposclass").classList.add("hidden");
                document.getElementById("hrsignupcompanyclass").classList.add("hidden");
                document.getElementById("hrsignuppos").removeAttribute('required');
                document.getElementById("hrsignupcompany").removeAttribute('required');
                 document.getElementById("seekersignemailclass").classList.add("hidden");
                document.getElementById("seekerdateclass").classList.add("hidden");
                document.getElementById("seekeriseduclass").classList.add("hidden");
                document.getElementById("seekersigngenderclass").classList.add("hidden");
                document.getElementById("seekersigngender").removeAttribute('required');
                document.getElementById("seekersignemail").removeAttribute('required');
                document.getElementById("seekersigndate").removeAttribute('required');
                document.getElementById("seekerisedu").removeAttribute('required');

              }
              else{
              alert(result.code+result.msg);
              }
          },
          error : function(){
              alert("注册失败!");
          },

        });
      };
      //===========根据选择的角色先跳转到对应的控制器去insert(id,phone,pwd)
      function getsignuproleradioval(value){
        signrole=value;
        if(value=="hrsignup"){
        alert("选择HR身份注册");
        //显示全部必填信息
          document.getElementById("hrsignupposclass").classList.remove("hidden");
          document.getElementById("hrsignupcompanyclass").classList.remove("hidden");
          //设置为必填
          document.getElementById("hrsignuppos").setAttribute('required', true);
           document.getElementById("hrsignupcompany").setAttribute('required', true);
          //求职者的隐藏不必填
          document.getElementById("seekersignemailclass").classList.add("hidden");
        document.getElementById("seekerdateclass").classList.add("hidden");
        document.getElementById("seekeriseduclass").classList.add("hidden");
        document.getElementById("seekersigngenderclass").classList.add("hidden");
        document.getElementById("seekersigngender").removeAttribute('required');
        document.getElementById("seekersignemail").removeAttribute('required');
        document.getElementById("seekersigndate").removeAttribute('required');
        document.getElementById("seekerisedu").removeAttribute('required');

        //跳到对应的控制器中操作数据库
         // document.getElementById("signupform").action = "http://localhost:8080/hrsignup";
        }
        else if(value=="employeesignup"){
        alert("选择求职者身份注册");
        //Hr的隐藏不必填
        document.getElementById("hrsignupposclass").classList.add("hidden");
        document.getElementById("hrsignupcompanyclass").classList.add("hidden");
        document.getElementById("hrsignuppos").removeAttribute('required');
        document.getElementById("hrsignupcompany").removeAttribute('required');
        //显示求职者注册必填信息
        document.getElementById("seekersignemailclass").classList.remove("hidden");
        document.getElementById("seekerdateclass").classList.remove("hidden");
        document.getElementById("seekeriseduclass").classList.remove("hidden");
        document.getElementById("seekersigngenderclass").classList.remove("hidden");
        document.getElementById("seekersigngender").setAttribute('required', true);
        document.getElementById("seekersignemail").setAttribute('required', true);
        document.getElementById("seekersigndate").setAttribute('required', true);
        document.getElementById("seekerisedu").setAttribute('required', true);
       // document.getElementById("signupform").action = "http://localhost:8080/employeesignup";
        }
      };

      //===========确认两次密码一致
     function checkpwd() {
       var password = document.getElementById("inputpwd").value;
       var repassword = document.getElementById("confirmpwd").value;
       //判断输入框为空
       if(!password){
        document.getElementById("tishi").innerHTML="<br><font color='red'>请输入密码!</font>";
          document.getElementById("signupbtn").disabled = true;
                    }
       else if(password == repassword) {
          document.getElementById("tishi").innerHTML="<br><font color='green'>两次密码输入一致</font>";
          document.getElementById("signupbtn").disabled = false;
                    }
       else {
          document.getElementById("tishi").innerHTML="<br><font color='red'>两次输入密码不一致!</font>";
          document.getElementById("signupbtn").disabled = true;
            }
     };

    </script>


<script>

$(document).ready(function() {
  // 获取url中的jobId参数值
  var jobId = getParam('jobId', 0);
  $('.btn-com').click(async function (event) {
    event.preventDefault(); // 阻止默认行为

    // 弹框询问是否确认申请此岗位
    var confirmed = confirm("确认投诉此岗位吗？");

    // 如果用户点击了确定按钮
    if (confirmed) {
      var jobId = getParam('jobId', 0);
        // 查询接口获取hrId
        const hrId = await getHrId(jobId);

        // 跳转到投诉页面并携带参数
        var newUrl="complaint.html?jobId="+jobId+"&hrId="+hrId;
      window.location.href = newUrl;

    }
    else {
      // 如果用户点击了取消按钮
      alert('您取消了投诉此岗位！');
    }

  });


  $('.btn-alt').click(async function (event) {
    event.preventDefault(); // 阻止默认行为

    // 弹框询问是否确认申请此岗位
    var confirmed = confirm("确认申请此岗位吗？");

    // 如果用户点击了确定按钮
    if (confirmed) {
      try {
        // 查询接口获取hrId
        const hrId = await getHrId(jobId);

        // 登录接口token获取seekerId
        token = window.localStorage.getItem("user");//这可以得到当前登录用户的token

        var strings = token.split(".");//通过split()方法将token转为字符串数组
        //取strings[1]数组中的第二个字符进行解析
        var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
        //loginuserinfo = userinfo;//赋给全局变量
        alert(userinfo.roleid+userinfo.loginrole+'userinfo');

        if(userinfo.loginrole=="employeelogin"){
        //var hrIdStr = $('[name=hrid]').val();
        //var hrId = parseInt(hrIdStr, 10);  // 将字符串转换为整数
        var seekerId =userinfo.roleid;
        console.log('Seeker Id:', seekerId);
        console.log('hr Id:', hrId);
        console.log('job Id:', jobId);
        // 发送POST请求提交数据
        var data = {
          seekerId: seekerId,
          jobId: jobId,
          hrId: hrId
        };

        $.ajax({
          url: 'http://localhost:8080/system/job_seeker_relation',
          type: 'POST',
          contentType: 'application/json', // 设置请求内容类型
          data: JSON.stringify(data), // 将数据序列化为JSON字符串
          dataType: 'json',
          success: function (res) {
            console.log(res);
            if (res.code === 200) {
              // 如果成功，执行相应操作，比如提示用户或者重定向页面
              alert('申请成功！');
            } else {
              // 如果失败，给出相应提示
              alert('申请失败：' + res.msg);
            }
          },
          error: function (xhr, status, error) {
            // 处理请求错误
            console.error("请求失败:", error);
            alert('数据插入失败：' + error);
          }
        });
      }
      } catch (error) {
        console.error('Error:', error);
        alert('请先登录！');
      }

    } else {
      // 如果用户点击了取消按钮
      alert('您取消了申请此岗位！');
    }

  });




  function getParam(name, defaultValue) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
      var pair = vars[i].split("=");
      if (pair[0] == name) {
        return pair[1] + (pair[2] ? '=' + pair[2] : '');
      }
    }
    return (defaultValue == undefined ? null : defaultValue);
  }

  async function getHrId(jobId) {
    try {
      // 发起GET请求获取工作对应的hrId
      const response = await $.ajax({
        url: 'http://localhost:8080/system/job/jobInfo/' + jobId,
        type: 'GET'
      });
      console.log(response);
      return response.data.hrId; // 返回hrId
    } catch (error) {
      console.error("获取hrId信息失败:", error);
      throw error; // 抛出错误，让调用者处理
    }
  }

  function parseToken(token) {
    if (!token || token === "notoken") {
      return { roleid: null }; // 或者根据实际情况处理
    }
    try {
      var strings = token.split(".");
      var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
      return userinfo;
    } catch (error) {
      console.error("解析token失败:", error);
      throw error; // 抛出错误，让调用者处理
    }
  }
});
</script>



</body>

</html>
